<div class="modal fade personal-add" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true" id="of">
<div class="modal-dialog modal-lg modal-lg-f" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">机构管理-所辖用户</h4>
        </div>
        <div class="popup-body modal-body" style="padding:0px;">
            <div class="table-margin">
                <div class="table-header">
                    <table class="table table-bordered table-header">
                        <thead>
                            <tr>
                                <td class="w5 text-center">序号</td>
                                <td class="w15 text-left">用户名</td>
                                <td class="w20 text-left">昵称</td>
                                <td class="w20 text-left">邮箱</td>
                                <td class="w10 text-center">注册时间</td>
                                <td class="w10 text-center">用户状态</td>
                            </tr>
                        </thead>
                    </table>
                </div>
                <div class="table-body">
                    <table class="table table-bordered table-header">
                        <tbody>
                            <tr *ngFor="let val of tabVal; let i = index;"	[ngClass]="{'active':i%2!=0}">
                                <td class="w5 text-center">{{ i+1 }}</td>
                                <td class="w15 text-left max-w" title="{{val?.userName}}">{{ val?.userName }}</td>
                                <td class="w20 text-left max-w" title="{{val?.displayName}}">{{ val?.displayName }}</td>
                                <td class="w20 text-left max-w" title="{{val?.email}}">{{ val?.email }}</td>
                                <td class="w10 text-center max-w" title="{{val?.createDate | date:'yyyy-MM-dd'}}">{{val?.createDate |	date:'yyyy-MM-dd'}}</td>
                                <td class="w10 text-center">
                                    <strong class="text-success" *ngIf="val?.status==1">启用</strong> 
                                    <strong class="text-danger"	 *ngIf="val?.status==0">禁用</strong>
                                </td>
                            </tr>
                            <tr *ngIf="tabVal?.length == 0">
                                <td class="w100 text-center text-danger">没有所辖用户</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="modal-footer">
            <button type="button" 
                    class="btn btn-fff" 
                    data-dismiss="modal" 
                    aria-hidden="true"
                    >返回
            </button>
        </div>
    </div>
</div>
</div>
